<template>
  <div class="watcher">
    <h1>父组件</h1>
   <p> 数字：<el-input v-model="count"></el-input></p>
   <p> 姓名：<el-input v-model="item.name"></el-input></p>
  </div>
  <div class="watcher-children">
    <h1>子组件</h1>
   <div>
        <children :count="count" :item="item"></children>
   </div>
  </div>
</template>
<script setup>
import { ref } from "vue";
import children from './children.vue'
let count = ref(1);
let item = ref({name:'张三'})
</script>

<style lang="scss">

.watcher{
    
}
.watcher-children{

}
</style>
